<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body,ul,li,h1,h2,h3,h4,p,dl,dd,dt,ol{
			margin: 0;
			padding: 0;
		}
		ul,li,ol{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		header{
			height: 1.3rem;
			background: red;
			color:#fff;
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			
			
		}
		section{
			position: absolute;
			top: 1.3rem;
			bottom: 1.3rem;
			left: 0;
			right: 0;
			overflow-y: scroll;
			
		}
		footer{
			height: 1.3rem;
			background: gray;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
		}
		</style>
	</head>
	<body>
		<header>
			头部
		</header>
		<section>
			<ul>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li><li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
				<li>1111111</li>
			</ul>
		</section>
		<footer>
			<input type="text" />
		</footer>
	</body>
</html>
